<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale:1.0">
  <title>言语科普</title>
  <link rel="stylesheet" type="text/css" href="../font-icon/iconfont.css">
  <link rel="stylesheet" type="text/css" href="../swiper/swiper-bundle.min.css">
  <link rel="stylesheet" type="text/css" href="../container/Header.css">
  <style>
    body {
      --font: 100%;
      padding: 0;
      margin: 0;
      font-size: 14px;
    }
    a
    {
      text-decoration: none;
    }
    .newimg
    {
      width:100%;
      height:130px;
      margin-top:45px;
    }
    .newzuixin
    {
      /*width:100%;*/
      list-style: none;
      padding:0;
      display:flex;
      justify-content: space-between;
      align-items: center;
      margin:0;
    }
    .newzuixin li:nth-of-type(3)
    {
      /*background-color:#eeeeee;*/
      /*padding:10px;*/
      flex:calc(100% / 3);
      display:flex;
      justify-content: center;
      color:#666666;
      font-size:16px;
    }
    .newzuixin li:nth-of-type(2)
    {
      background-color:#eeeeee;
      /*padding:10px;*/
      flex:calc(100% / 3);
      display:flex;
      justify-content: center;
      color:#666666;
      font-size:16px;
    }
    .newzuixin li:nth-of-type(1)
    {
      /*background-color:#eeeeee;*/
      /*padding:10px;*/
      flex:calc(100% / 3);
      display:flex;
      justify-content: center;
      color:#666666;
      font-size:16px;
    }
    a.ac
    {
      padding:10px;
      text-decoration: none;
      color:#666666;
    }
    .white-1
    {
      top:38px;
    }
    .itemsy
    {
      padding:30px 20px;
      border-bottom:1px solid #eeeeee;
    }
    .itemsy h3
    {
      font-weight: normal;
      margin-bottom: 10px;
    }
    .itemsy p
    {
      margin-bottom: 10px;
    }
    .itemsy div
    {
      line-height: 22px;
    }
    .itemsy b
    {
      font-weight: normal;
      color:#3399ff;
      text-align: right;
      display: block;
      padding-right:10px;
    }
    .itemsy:nth-last-child(1)
    {
      margin-bottom: 50px;
    }
    *
    {
      padding:0;
      margin:0;
      box-sizing: border-box;
    }



  </style>
</head>
<body>
<section></section>
<ul class="white-1">
</ul>

<script src="../waibujs/header.js"></script>
<div class="container">
  <div class="newimg"><img src="http://w3.dfqy.com/Uploads/Picture/2017-06-02/5930d0a84ed60.png"></div>
  <ul class="newzuixin">
    <li><a class="ac" href="xinwenzixun.html">新闻</a></li>
    <li><a class="ac" href="yanyukepu.html">言语科普</a></li>
    <li><a class="ac" href="newhuodon.html">活动</a></li>
  </ul>
<!--  <div class="itemsy">-->
<!--    <h3>什么是口肌训练</h3>-->
<!--    <p>2021-07-01</p>-->
<!--    <div>我们在帮助言语发展迟缓的孩子时，常常会采用口肌训练，促使他们发音，改善口齿清晰度。很多家长不太明白，究竟什么是口肌训练呢?在此给大家做一个简单的介绍。</div>-->
<!--    <b>阅读更多</b>-->
<!--  </div>-->
</div>
<script src="../waibujs/foot.js"></script>


<!--<script src="../waibujs/newhuodon.js"></script>&lt;!&ndash;最新活动&ndash;&gt;-->
<script src="../waibujs/xiala.js"></script><!--下拉菜单-->
<script src="../waibujs/xinxi.js"></script><!--首页-->
<script src="../waibujs/yanyukepuss.js"></script>
<script>
  var contain=document.querySelector('.container');
  yanyukkpp.forEach(function (item,index) {
    var div=document.createElement('div');
    div.className='itemsy'
    var h3=document.createElement('h3')
    h3.innerText=item.why
    var p=document.createElement('p')
    p.innerText=item.date
    var divd=document.createElement('div')
    divd.innerText=item.intro
    var b=document.createElement('b')
    b.innerText='阅读更多'
    div.appendChild(h3)
    div.appendChild(p)
    div.appendChild(divd)
    div.appendChild(b)
    contain.appendChild(div)
  })

</script>

<!--<script>-->
<!--  var yanyukk=new XMLHttpRequest();-->
<!--  yanyukk.open('get','http://47.116.75.38:8101/web/resource/getInfo')-->
<!--  yanyukk.send()-->
<!--  yanyukk.onload = function()-->
<!--  {-->
<!--    console.log(JSON.parse(yanyukk.response))-->
<!--  }-->
<!--</script>-->
</body>
</html>